<!---- SUI模板 on ${DATE} -->
<script ng-init="initCssAndJs()"></script>
<script ng-init="initCss('personal-center-page/css/personal-center.css')"></script>
<div class="content" ng-init="getPerInfo()">
    <!--内容区-->
    <div class="avatar-bg">
        <div class="avator-nickname">
            <a href="{{aHref}}">
                <div class="avatar">
                    <img ng-if="!userInfo.avatarImg.imgAddress" src="page/personal-center-page/img/avatar.jpg">
                    <img ng-if="userInfo.avatarImg.imgAddress" ng-src="{{userInfo.avatarImg.imgAddress}}">

                </div>
            </a>
            <a href="{{aHref}}">
                <div class="nickname">
                    {{words}}
                </div>
            </a>
        </div>
    </div>
<div class="list-block">
    <ul>
        <li>
            <a href="#/personal-information">
                <div class="item-content">
                    <div class="item-media">
                        <i class="icon icon-form-name"><span class="fa home fa-user-o"></span></i>
                    </div>
                    <div class="item-inner">
                        <div class="item-title label">个人信息</div>
                        <div class="item-input">
                            <span class="fa home fa-angle-right"></span>
                        </div>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="#/mynews">
                <div class="item-content">
                    <div class="item-media">
                        <i class="icon icon-form-name"> <span class="fa home fa-commenting-o"></span></i>
                    </div>
                    <div class="item-inner">
                        <div class="item-title label">消息中心</div>
                        <div class="item-input">
                            <span class="fa home fa-angle-right"></span>
                            <span ng-show="showCircle" id="point" class="fa home circle"
                                  style="margin-top: .1rem"></span>
                        </div>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="#/collection">
                <div class="item-content">
                    <div class="item-media">
                        <i class="icon icon-form-name"> <span class="fa home fa-heart-o"></span></i>
                    </div>
                    <div class="item-inner">
                        <div class="item-title label">我的收藏</div>
                        <div class="item-input">
                            <span class="fa home fa-angle-right"></span>
                        </div>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="#/myshopper">
                <div class="item-content">
                    <div class="item-media">
                        <i class="icon icon-form-name"> <span class="fa home fa-shopping-cart"></span></i>
                    </div>
                    <div class="item-inner">
                        <div class="item-title label">我的购物</div>
                        <div class="item-input">
                            <span class="fa home fa-angle-right"></span>
                        </div>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="#/myorders1">
                <div class="item-content">
                    <div class="item-media">
                        <i class="icon icon-form-name"> <span class="fa home fa-file-text-o"></span></i>
                    </div>
                    <div class="item-inner">
                        <div class="item-title label">我的订单</div>
                        <div class="item-input">
                            <span class="fa home fa-angle-right"></span>
                        </div>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="#/courserecord">
                <div class="item-content">
                    <div class="item-media">
                        <i class="icon icon-form-name"> <span class="fa home fa-eye"></span></i>
                    </div>
                    <div class="item-inner">
                        <div class="item-title label">我的学习</div>
                        <div class="item-input">
                            <span class="fa home fa-angle-right"></span>
                        </div>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="#/boughtrecord">
                <div class="item-content">
                    <div class="item-media">
                        <i class="icon icon-form-name"> <span class="fa home fa-hand-o-right"></span></i>
                    </div>
                    <div class="item-inner">
                        <div class="item-title label">我的购买</div>
                        <div class="item-input">
                            <span class="fa home fa-angle-right"></span>
                        </div>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="#/mywallet">
                <div class="item-content">
                    <div class="item-media">
                        <i class="icon icon-form-name"> <span class="fa home fa-folder-o"></span></i>
                    </div>
                    <div class="item-inner">
                        <div class="item-title label">我的钱包</div>
                        <div class="item-input">
                            <span class="fa home fa-angle-right"></span>
                        </div>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="#/aboutus">
                <div class="item-content">
                    <div class="item-media">
                        <i class="icon icon-form-name"> <span class="fa home fa-envelope-open-o"></span></i>
                    </div>
                    <div class="item-inner">
                        <div class="item-title label">关于我们</div>
                        <div class="item-input">
                            <span class="fa home fa-angle-right"></span>
                        </div>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="#/mysettings">
                <div class="item-content">
                    <div class="item-media">
                        <i class="icon icon-form-name"> <span class="fa home fa-gear"></span></i>
                    </div>
                    <div class="item-inner">
                        <div class="item-title label">我的设置</div>
                        <div class="item-input">
                            <span class="fa home fa-angle-right"></span>
                        </div>
                    </div>
                </div>
            </a>
        </li>
    </ul>
</div>
</div>
<!-- nav-->
<nav class="bar bar-tab">
    <a class="tab-item external " href="#/home">
        <span class="icon icon-home"></span>
        <span class="tab-label">首页</span>
    </a>
    <a class="tab-item external" href="#/classification2">
        <span class="icon icon-app"></span>
        <span class="tab-label">分类</span>
    </a>
    <a class="tab-item external" href="#/reflection">
        <span class="icon icon-message"></span>
        <span class="tab-label">动态</span>
    </a>
    <a class="tab-item external active">
        <span class="icon icon-me"></span>
        <span class="tab-label">我的</span>
    </a>
</nav>

<!-- nav-->
<div ng-init="suiMobileInit()"></div>